<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>个人主页 - 乐淘</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/tether.min.css">
    <link rel="stylesheet" href="css/bootstrap-vue.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div id="nav">
        <b-navbar toggleable type="inverse" variant="success">

            <b-nav-toggle target="nav_collapse"></b-nav-toggle>

            <b-link class="navbar-brand" to="home.html">
                <span>乐淘</span>
            </b-link>

            <b-collapse is-nav id="nav_collapse">

                <b-nav is-nav-bar>
                    <b-nav-item to="userpage.html">个人主页</b-nav-item>
                    <b-nav-item to="message.html">池子</b-nav-item>
                </b-nav>

                <b-nav is-nav-bar class="ml-auto">

                    <b-nav-item-dropdown right-alignment>

                        <!-- Using text slot -->
                        <template slot="text">
                            <span style="font-weight: bold;">{{ username }}</span>
                        </template>

                        <b-dropdown-item to="signin.html" v-if="isLogin==false">登录</b-dropdown-item>
                        <b-dropdown-item to="register.html" v-if="isLogin==false">注册</b-dropdown-item>
                        <b-dropdown-item v-on:click="logout" v-if="isLogin==true">登出</b-dropdown-item>
                    </b-nav-item-dropdown>

                </b-nav>
            </b-collapse>
        </b-navbar>
    </div>
<div class="container" style="margin-top:20px;">
        <div class="row">
            <div class="col-md-8" id="userinfo">
                
                <img src="image/me.jpeg" class="img-responsive col-md-6" alt="Responsive image">
                <b-list-group class="col-md-8">
                <b-list-group-item active >个人信息</b-list-group-item>
                <b-form-input v-model="u"></b-form-input>
                <b-form-input v-model="e"></b-form-input>
                <b-button v-on:click="edituserinfo" v-if="window.isLogin == 1" >编辑个人信息</b-button>
                <b-form-input v-model="p"></b-form-input>
                <b-button v-on:click="changepassword" v-if="window.isLogin == 1" >修改密码</b-button>
                </b-list-group>
                <div class="row">
                <b-list-group class="col-md-4">
                    <b-list-group-item active >账号</b-list-group-item>
                    <b-list-group-item active >用户名</b-list-group-item>
                    <b-list-group-item active >邮箱</b-list-group-item>
                    <b-list-group-item active >认证邮箱用户状态</b-list-group-item>
                    <b-list-group-item active >用户状态</b-list-group-item>
                    <b-list-group-item active >经验等级</b-list-group-item>
                    <b-list-group-item active >淘币</b-list-group-item>
                </b-list-group>
                <b-list-group class="col-md-4 col-md-offset-4">
                    <b-list-group-item active >{{uid}}</b-list-group-item>
                    <div v-if="window.username==null">
                    <b-list-group-item active >请添加你的昵称</b-list-group-item>
                    </div>
                    <div v-if="window.username!=null">
                    <b-list-group-item active >{{window.username}}</b-list-group-item>
                    </div>
                    <b-list-group-item active >{{window.email}}</b-list-group-item>
                    <div v-if="window.emailstatus==0">
                    <b-list-group-item active >未认证</b-list-group-item>
                    </div>
                    <div v-if="window.emailstatus==1">
                    <b-list-group-item active >已认证</b-list-group-item>
                    </div>
                    <div v-if="window.status==0">
                    <b-list-group-item active >正常</b-list-group-item>
                    </div>
                    <div v-if="window.status==1">
                    <b-list-group-item active >封停</b-list-group-item>
                    </div>
                    <b-list-group-item active >{{window.exp}}</b-list-group-item>
                    <b-list-group-item active >{{window.gold}}</b-list-group-item>
                </b-list-group>
                </div>
            </div>
            <div class="col-md-4" id="social">
                <b-list-group>
                    <b-list-group-item active>好友模块</b-list-group-item>
                    <b-list-group-item>
                        敬请期待
                    </b-list-group-item>
                    <b-list-group-item active>我的留言</b-list-group-item>
                    <b-list-group-item>
                        敬请期待
                    </b-list-group-item>
                    <b-list-group-item active>我收到的赞</b-list-group-item>
                    <b-list-group-item>
                        敬请期待
                    </b-list-group-item>
                </b-list-group>
                
            </div>
        </div>
    </div>
</body>
<!-- 下面文件是vue的核心文件 -->
<script src="js/vue.min.js"></script>
<!-- 下面文件提供了http支持 -->
<script src="js/vue-resource.min.js"></script>
<!-- 下面文件提供了Cookie支持 -->
<script src="js/js.cookie.js"></script>
<!-- 下面文件是bootstrap-vue的核心文件 -->
<script src="js/tether.min.js"></script>
<script src="js/bootstrap-vue.js"></script>

<!-- 本文档的js主文件 -->
<script src="js/main.js"></script>
</html>